<template>
  <div class="common-layout">
    <el-container>
      <el-header style="height: 8vh; padding-left: 5px;padding-right: 5px;position: fixed;width: 100%; top: 0; z-index: 999;"><PageHeader/></el-header>
      <el-container style="margin-top: 8vh">
        <el-aside style="width: 15%; height: 90vh; padding: 0%;"><SideNav style="height: 90vh;position: fixed;"/></el-aside>
        <el-main style="width: 85%; padding: 0%;height: 90vh; background-color: #f9f9f9;"><router-view/></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import PageHeader from './components/PageHeader.vue';
import SideNav from './components/SideNav.vue';

export default {
  components: {
    PageHeader,
    SideNav
  }
}
</script>

<style>

</style>